﻿@*
    For more information on enabling MVC for empty projects, visit https://go.microsoft.com/fwlink/?LinkID=397860
*@

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<title>Demo</title>
	<!-- 请勿在项目正式环境中引用该 layui.css 地址 -->
	<link href="//unpkg.com/layui@2.9.20/dist/css/layui.css" rel="stylesheet" />
</head>
<body class="layui-padding-3">
	<table class="layui-hide" id="ID-treeTable-demo"></table>
	<br />
	<span>工艺路线-工序列表</span>
	<table class="layui-hide" id="ID-Table-demo"></table>
	<script type="text/html" id="TPL-treeTable-demo">
		<span>工艺路线</span>
		<div class="layui-btn-container" style="text-align:right;">
			<label>工艺路线编号</label>
			<div class="layui-input-inline layui-input-wrap">
				<input type="text" id="processRouteNumber"  autocomplete="off" lay-reqtext="请输入负责人" lay-affix="clear" class="layui-input demo-phone">@* lay-verify="required" *@
			</div>
		 <button type="button" class="layui-btn layui-btn-normal" lay-submit lay-filter="search" id="searchBtn">
		  <i class="layui-icon layui-icon-search"></i> 查询
		</button>
		 <button type="button" class="layui-btn layui-btn-green" id="searchBtn" lay-on="test-alert-btn">新建</button>
			<button type="button" class="layui-btn layui-bg-blue" id="searchBtn">编辑</button>
			<button type="button" class="layui-btn layui-bg-red" id="searchBtn" >删除</button>
			  <button type="button" class="layui-btn layui-bg-blue" id="searchBtn">导入</button>
			<button type="button" class="layui-btn layui-btn-primary layui-border-green"  id="searchBtn" >导出</button>


		</div>
	</script>
	<!-- 请勿在项目正式环境中引用该 layui.js 地址 -->
	<script src="//unpkg.com/layui@2.9.20/dist/layui.js"></script>
	<script>
 
		var $ = layui.jquery;
        var form = layui.form;
		// 先获取元素的值，此时元素已经在前面的HTML中定义了，能获取到
		var processRouteNumber = $("#processRouteNumber").val() ?? '';
		var processRouteNumbers = "GYLX202208262308050001"
		layui.use('table', function () {
			var table = layui.table;
			layer = layui.layer;
			// 获取分页参数
			var pageIndex = 1;
			var pageSize = 4;
			// 渲染函数，将查询操作封装在里面，方便点击查询按钮时调用
			function renderTable() {
				// 渲染
				var inst = table.render({
					elem: '#ID-treeTable-demo',
					// 拼接上分页参数到URL
					url: '@ViewBag.Keep' + '/api/Department/ProcessRouteList?ProcessRouteNumber=' + processRouteNumber,
					maxHeight: '501px',
					toolbar: '#TPL-treeTable-demo',
					cols: [[
						{ type: 'checkbox', fixed: 'left' },
						{ field: 'processRouteNumber', title: '工艺编号', width: 180, fixed: 'left' },
						{ field: 'processRouteName', title: '工艺路线名', width: 120 },
						{ field: 'approval', title: '开启审批', width: 100 },
						{ field: 'createDate', title: '创建时间', width: 180, sort: true },
						{ field: 'createName', title: '创建人', width: 180, },
						{ field: 'updateName', title: '修改人', width: 100 },
						{ field: 'updateDate', title: '修改时间', width: 180, sort: true },
					]],
					// page: true,
					
				});
			}
			// 行单击事件( 双击事件为: rowDouble )
			table.on('row(ID-treeTable-demo)', function (obj) {
				var data = obj.data; // 获取当前行数据

				// // 显示 - 仅用于演示
				// layer.msg('当前行数据：<br>' + JSON.stringify(data.processRouteNumber), {
				// 	offset: '65px'
				// });
				processRouteNumbers = data.processRouteNumber 
				console.log(processRouteNumbers)
				processrouteTable();
				// 标注当前点击行的选中状态
				obj.setRowChecked({
					type: 'radio' // radio 单选模式；checkbox 复选模式
				});
			});
			//**------------------------------工序表--------------------------------------------  **/
			var table = layui.table;
			layer = layui.layer;
			// 渲染函数，将查询操作封装在里面，方便点击查询按钮时调用
			function processrouteTable() {
				// 渲染
				var inst = table.render({
					elem: '#ID-Table-demo',
					// 拼接上分页参数到URL
					url: '@ViewBag.Keep' + '/api/Department/WorkingProcedureList?ProcessRouteNumber=' + processRouteNumbers,
					maxHeight: '501px',
					cols: [[
						{ type: 'checkbox', fixed: 'left' },
						{ field: 'processRouteName', title: '工艺路线名', width: 120 },
						{ field: 'wTypeName', title: '类型', width: 180,   },
						{ field: 'workingProcedureTypeName', title: '工序', width: 180, },
						{ field: 'workingNumBer', title: '报工数', width: 180, },
						{ field: 'createDate', title: '创建时间', width: 180, sort: true },
						{ field: 'createName', title: '创建人', width: 180, },
						{ field: 'updateName', title: '修改人', width: 100 },
						{ field: 'updateDate', title: '修改时间', width: 180, sort: true },
					]],
					// page: true,

				});
			}
			// 行单击事件( 双击事件为: rowDouble )
			// 页面加载完成先渲染一次表格（如果不需要初始加载可以去掉这行）
			processrouteTable();
			
			// 页面加载完成先渲染一次表格（如果不需要初始加载可以去掉这行）
			renderTable();
			// 绑定查询按钮的点击事件，重新获取输入框的值并重新渲染表格
			// $('#searchBtn').on('click', function () {
			// 	processRouteNumber = $("#processRouteNumber").val() ?? '';
			// 	renderTable();
			// });
			// 绑定查询按钮的点击事件，重新获取输入框的值并重新渲染表格<button class="layui-btn" lay-submit lay-filter="search">查询
			form.on('submit(search)', function (data) {
				processRouteNumber = $("#processRouteNumber").val() ?? '';
				renderTable();
				// 显示填写结果，仅作演示用

				return false; // 阻止默认 form 跳转
			});
		});
		
		// layui.use('table', function () {
		
		// });
		layui.use(function () {
			var layer = layui.layer;
			var util = layui.util;
			// 事件
			util.on('lay-on', {
				'test-alert-btn': function () {
					layer.open({
						type: 2,
						area: ['900px', '600px'],
						shadeClose: true,
						title: '工艺路线(新建)',
						content: '/ProcessRoute/ProcessRouteAdd',
					});
				}
			});
		});
	</script>
</body>
</html>
